<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="icon" type="image/png" href="images/logo6.png"/>
    <title>拇指课堂 - 大学课堂管理的好帮手</title>

    <!-- Mobile Specific Metas
  ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS
  ================================================== -->
    <!-- Bootstrap -->
    <!--线上路径-->
    <!--<link href="//static1.aidingmao.com/dist_boss/temp001/1703300132/css/app_website_index.css" rel="stylesheet">-->

    <!--开发路径-->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5shiv.min.js"></script>
    <script type="text/javascript" src="js/respond.min.js"></script>
    <![endif]-->

    <!--<script>-->
        <!--//每次进入主页清除页面缓存，防止上一次登录的用户信息影响到后一位登录用户-->
        <!--window.sessionStorage.clear();-->
        <!--window.localStorage.clear();-->
    <!--</script>-->

</head>
<body data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Header start -->
<header id="header" role="banner">
    <nav class="navbar navbar-default navbar-fixed-top" id="tf-menu">
        <div class="container">
            <div class="row">
                <!-- Logo start -->
                <div class="navbar-header">
                    <!--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">-->
                        <!--<span class="sr-only">Toggle navigation</span>-->
                        <!--<span class="icon-bar"></span>-->
                        <!--<span class="icon-bar"></span>-->
                        <!--<span class="icon-bar"></span>-->
                    <!--</button>-->
                    <a class="minLead1 visible-xs" href="http://www.thumbclass.com/website/index.html">前往官网</a>
                    <!--<a class="minLead2 visible-xs" href="#">演示</a>-->
                    <div class="navbar-brand">
                        <a href="#" class="page-scroll">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy img-responsive" data-original="images/blackbg.png" alt="logo">
                        </a>
                    </div>
                </div><!--/ Logo end -->
                <div class="collapse navbar-collapse clearfix navMenu" role="navigation">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a class="page-scroll" href="#">首页</a></li>
                        <li><a class="page-scroll" href="#feature">对比</a></li>
                        <li><a class="page-scroll" href="#about">特色</a></li>
                        <li><a class="page-scroll" href="#analysis">数据分析</a></li>
                        <li><a class="page-scroll" href="#overview">界面预览</a></li>
                        <li><a class="page-scroll" href="#team">团队</a></li>
                        <li><a class="page-scroll" href="#address">地址</a></li>
                        <li><a class="page-scroll" href="http://www.thumbclass.com/">前往官网登陆</a></li>
                    </ul>
                </div><!--/ Navigation end -->
            </div><!--/ Row end -->
        </div><!--/ Container end -->
    </nav>
</header><!--/ Header end -->
<!-- END MAIN NAV -->
<!-- home section -->
<section id="home">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-12 visible-lg visible-md">
                <h2 class="wow bounceInDown rotate">大学课堂好帮手</h2>
                <div onclick="showImgAlert()" class="btn btn-default page-scroll"><em class="fa fa-arrow-down"></em><span
                        class="font1"> 扫码开始使用</span></div>
            </div>
            <div class="col-xs-12 col-sm-12 visible-sm visible-xs">
                <h2 class="wow bounceInDown rotate">大学课堂好帮手</h2>
                <div onclick="showImgAlert()" class="btn btn-default page-scroll"><em class="fa fa-arrow-down"></em><span
                        class="font1"> 扫码开始使用</span></div>
            </div>
            <p class="bottom-title1">Passion Makes Future</p>
            <p class="bottom-title2">激情成就未来</p>
        </div>
    </div>
</section>
<!-- slider section -->
<section class="slider" id="intro">
    <div class="row">
        <div class="slider-img">
            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/slider2.png" alt="">
        </div>
        <div class="slide-small-part">
            <div class="row">
                <h3 class="mainSlider">以下为拇指课堂主要功能</h3>
            </div>
            <div class="row">
                <div class="col-sm-4 col-xs-6 page2-part">
                    <div class="page2-icon-place">
                        <img data-original="images/icon/icon1.png" src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">扫码点名</h3>
                        <p class="row page2-info hidden-xs">微信扫码，即可完成签到，方便快捷，简单高效</p>
                        <p class="row page2-info visible-xs">微信扫码</p>
                        <p class="row page2-info visible-xs">即可完成签到</p>
                    </div>
                </div>
                <div class="col-sm-4 col-xs-6 page2-part">
                    <div class="page2-icon-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon2.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">抢答红包</h3>
                        <p class="row page2-info hidden-xs">答题正确，可抢红包，趣味性强，提高课堂活跃度</p>
                        <p class="row page2-info visible-xs">趣味性强</p>
                        <p class="row page2-info visible-xs">提高课堂活跃度</p>
                    </div>
                </div>
                <div class="col-sm-4 page2-part hidden-xs">
                    <div class="page2-icon-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon3.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">数据分析</h3>
                        <p class="row page2-info">全院出勤率一目了然，评估学生，实现个性化教学</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-xs-6 page2-part">
                    <div class="page2-icon-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon4.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">课堂评价</h3>
                        <p class="row page2-info hidden-xs">教师可利用奖惩规则，记录学生课堂表现</p>
                        <p class="row page2-info visible-xs">利用奖惩规则</p>
                        <p class="row page2-info visible-xs">记录学生表现</p>
                    </div>
                </div>
                <div class="col-sm-4 col-xs-6 page2-part">
                    <div class="page2-icon-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon5.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">作业管理</h3>
                        <p class="row page2-info hidden-xs">教师在线批阅学生作业，给出分数与评价</p>
                         <p class="row page2-info visible-xs">批阅学生作业</p>
                        <p class="row page2-info visible-xs">给出分数与评价</p>
                    </div>
                </div>
                <div class="col-sm-4 page2-part hidden-xs">
                    <div class="page2-icon-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon6.png" alt="" class="page2-icon lazy">
                    </div>
                    <div class="page2-detail">
                        <h3 class="row page2-title">课程讨论</h3>
                        <p class="row page2-info">课程专属讨论区，让问题答案一届一届往下传</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon7.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">提醒</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">私下提醒说话同学</p>
                    </div>
                </div>
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon8.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">课程共享</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">随时查看课件和作业</p>
                    </div>
                </div>
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon9.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">教学日志</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">自动导出教学日志</p>
                    </div>
                </div>
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon10.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">通知</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">学生已读未读全知道</p>
                    </div>
                </div>
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon11.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">投票</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">课堂调查最棒工具</p>
                    </div>
                </div>
                <div class="col-sm-2 col-xs-4 page3-part">
                    <div class="row page3-title-place">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" data-original="images/icon/icon12.png" alt="" class="page3-icon lazy">
                        <h3 class="page3-title">活动报名</h3>
                    </div>
                    <div class="row">
                        <p class="page3-info">报名汇总</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!-- slider section end -->

<div class="copyrights"><a href="http://www.thumbclass.com/">拇指课堂--专为大学课堂设计的教学互动助手</a></div>

<!-- Section features start -->
<section id="feature">
    <div class="container">
        <div class="row">
            <div class="heading-inner text-center">
                <h2 class="sec-title">没有拇指课堂 vs <span>用过拇指课堂</span></h2>
                <p>教师是课堂主持人，而不是独角戏演员，拇指课堂注重培养学生主动性，提高课堂参与度</p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 visible-md visible-lg visible-sm visible-xs wow fadeInDow"
                 data-wow-delay=".3s">
                <div class="comparison">
                    <figure>
                        <div class="divisor"></div>
                    </figure>
                    <!--comparison start-->
                    <div class="comparison-content">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 content-bottom wow slideInLeft"
                                     data-wow-delay=".3s">
                                    <h4>传统课堂</h4>
                                    <p><span>重</span>结果,</span>轻</span>过程</p>
                                    <p class="hidden-xs">理论<span>多</span>，</span>实践</span>少</p>
                                    <p>点名+期末成绩=考核方式</p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6 content-bottom wow slideInRight"
                                     data-wow-delay=".3s">
                                    <h4>拇指课堂</h4>
                                    <p>课堂作为<span>提升</span>关键</p>
                                    <p>增加<span>互动</span>，提高</span>参与度</span></p>
                                    <p class="hidden-xs"><span>细化考核</span>，加强课堂管理</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--comparison end-->
                </div>
            </div>
        </div>
    </div><!-- container end -->
</section>
<br/><br/><br/>
<!-- Section features end -->

<!-- section counter start -->
<section id="counter-area">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                <div class="facts text-center">
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3 columns">
                        <div class="facts-wrap">
                            <i class="icon icon-happy"></i>
                            <div class="fact-content">
                                <h6 class="visible-sm visible-md visible-lg">Users</h6>
                                <h5 class="visible-xs">Users</h5>
                                <div class="line"></div>
                                <div class="facts-wrap-num">
                                    <span class="counter visible-sm visible-md visible-lg">1287664</span>
                                    <p class="counter visible-xs">1287664</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3 columns">
                        <div class="facts-wrap">
                            <i class="icon icon-flag"></i>
                            <div class="fact-content">
                                <h6 class="visible-sm visible-md visible-lg">Classes</h6>
                                <h5 class="visible-xs">Classes</h5>
                                <div class="line"></div>
                                <div class="facts-wrap-num">
                                    <span class="counter visible-sm visible-md visible-lg"> 41312</span>
                                    <p class="counter visible-xs"> 41312</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3 columns">
                        <div class="facts-wrap">
                            <i class="icon icon-download"></i>
                            <div class="fact-content">
                                <h6 class="visible-sm visible-md visible-lg">Departments</h6>
                                <h5 class="visible-xs">Departments</h5>
                                <div class="line"></div>
                                <div class="facts-wrap-num">
                                    <span class="counter visible-sm visible-md visible-lg">5817</span>
                                    <p class="counter visible-xs">5817</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-lg-3 col-sm-3 col-xs-3 columns">
                        <div class="facts-wrap">
                            <i class="icon icon-notebook"></i>
                            <div class="fact-content">
                                <h6 class="visible-sm visible-md visible-lg">Teachers</h6>
                                <h5 class="visible-xs">Teachers</h5>
                                <div class="line"></div>
                                <div class="facts-wrap-num">
                                    <span class="counter visible-sm visible-md visible-lg">46906</span>
                                    <p class="counter visible-xs">46906</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- Conatainer End -->
    </div>  <!-- Fact div ENd -->
</section>
<!-- section counter end -->

<!-- section about start -->
<section id="about">
    <div class="container">
        <div class="row">
            <div class="heading-inner text-center">
                <h2 class="sec-title">主要<span> 模块</span></h2>
                <p>课堂管理与分析助手，点燃学生的激情</p>
            </div>
        </div> <!-- heading row end -->
        <div class="row">
            <div class="col-lg-8 col-md-8 col-sm-11 col-xs-11">
                <div class="flaoting-img">
                    <!--轮播-->
                    <div class="banner-slide">
                        <div id="feature1" class="callbacks_container">
                            <ul class="rslides" id="slider1">
                                <li>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/feature/hongbao.png" alt=""/>
                                </li>
                                <li>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/feature/saoma.png" alt=""/>
                                </li>
                                <li>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/feature/zuoye.png" alt=""/>
                                </li>
                                <li>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/feature/defen.png" alt=""/>
                                </li>
                            </ul>
                        </div>
                        <!--<div class="clearfix"></div>-->
                    </div>
                    <!--轮播 end-->
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-11 col-xs-11">
                <div id="feature2" class="callbacks_container">
                    <br/><br/><br/><br/>
                    <ul class="rslides" id="slider2">
                        <li>
                            <div class="banner-info">
                                <h1>抢红包</h1>
                                <hr/>
                                <p><strong>教师以课堂积分发送红包</strong></p>
                                <p><strong>同时可进行课程提问</strong></p>
                                <p><strong>学生回答出红包中相应问题</strong></p>
                                <p><strong>即可获得积分红包</strong></p>
                            </div>
                        </li>
                        <li>
                            <div class="banner-info">
                                <h1>扫码点名</h1>
                                <hr/>
                                <p><strong>微信扫码进行课堂点名</strong></p>
                                <p><strong>方便快捷有创意</strong></p>
                                <p><strong>签到情况与平时得分挂钩</strong></p>
                                <p><strong>公平高效防偷懒</strong></p>
                            </div>
                        </li>
                        <li>
                            <div class="banner-info">
                                <h1>作业管理</h1>
                                <hr/>
                                <p><strong>教师在线批阅学生作业</strong></p>
                                <p><strong>给出分数与评价</strong></p>
                                <p><strong>学生根据教师作业意见</strong></p>
                                <p><strong>提高自身学习能力</strong></p>
                            </div>
                        </li>
                        <li>
                            <div class="banner-info">
                                <h1>课堂评价</h1>
                                <hr/>
                                <p><strong>根据实际情况设置奖惩规则</strong></p>
                                <p><strong>实时记录学生课堂表现</strong></p>
                                <p><strong>根据学生表现进行数据分析</strong></p>
                                <p><strong>分析结果制定教育方向</strong></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>    <!-- container end -->
</section>
<!-- section about end -->

<!-- Section analysis start -->
<section id="analysis" class="analysis">
    <div class="bg-overlay pattern"></div>
    <div class="container">
        <div class="heading-inner text-center">
            <h2 class="sec-title">数据&nbsp;&nbsp;&nbsp;<span>分析</span></h2>
            <div class="line-btm c-white"></div>
            <p>潜力分析助手</p>
        </div>
        <div class="row">
            <div class="carousel slide" id="app-carousel1" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#app-carousel1" data-slide-to="0" class="active"></li>
                    <li data-target="#app-carousel1" data-slide-to="1"></li>
                    <li data-target="#app-carousel1" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/3.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/2.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/4.png" alt="" class="img-responsive">
                                </div>
                            </div><!-- col end -->
                            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/1.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/6.png" alt="" class="img-responsive">
                                </div>
                            </div><!-- col end -->
                            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                                <div class="thumbnail">
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/analysis/5.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                </div> <!-- carousel-inner end -->
            </div>
        </div> <!-- row end  -->
    </div> <!-- container end -->
</section>
<!-- Section analysis End -->

<!-- scetion screenshot start -->
<section id="overview">
    <div class="container">
        <div class="row">
            <div class="heading-inner text-center">
                <h2 class="sec-title">拇指课堂 <span>界面预览</span></h2>
                <p>提前了解拇指课堂，快速上手</p>
            </div>
        </div> <!-- heading row end -->
        <div class="row visible-sm visible-xs">
            <div class="carousel slide" id="app-carousel" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#app-carousel" data-slide-to="0" class="active"></li>
                    <li data-target="#app-carousel" data-slide-to="1"></li>
                    <li data-target="#app-carousel" data-slide-to="2"></li>
                    <li data-target="#app-carousel" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen4.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen4.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen7.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen7.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen8.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen8.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen1.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen1.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen3.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen3.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen5.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen5.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen2.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen2.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-sm-6 col-xs-6">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen6.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen6.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                </div> <!-- carousel-inner end -->
            </div>
        </div>
        <div class="row visible-md visible-lg">
            <div class="carousel slide" id="app-carousel2" data-ride="carousel2">
                <ol class="carousel-indicators">
                    <li data-target="#app-carousel2" data-slide-to="0" class="active"></li>
                    <li data-target="#app-carousel2" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen4.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen4.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen7.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen7.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen8.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen8.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen1.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen1.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                    <div class="item">
                        <div class="row">
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen3.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen3.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen5.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen5.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen2.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen2.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                            <div class="col-md-3 col-lg-3">
                                <div class="thumbnail">
                                    <div class="caption">
                                        <div class="caption-content">
                                            <a data-rel="prettyPhoto" href="images/overview/screen6.png"> <i
                                                    class="fa fa-link"></i></a>
                                        </div>
                                    </div>
                                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/overview/screen6.png" alt="" class="img-responsive">
                                </div>
                            </div> <!-- col end -->
                        </div> <!-- row end -->
                    </div> <!-- item end -->
                </div> <!-- carousel-inner end -->
                <!-- Controls -->
                <a class="left carousel-control" href="#app-carousel2" role="button" data-slide="prev">
                    <span aria-hidden="true"><img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/arrow-left.png" alt=""></span>
                </a>
                <a class="right carousel-control" href="#app-carousel2" role="button" data-slide="next">
                    <span aria-hidden="true"><img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/arrow-right.png" alt=""></span>
                </a>
            </div>
        </div> <!-- row end  -->
    </div>  <!-- container end  -->
</section>
<!-- scetion screenshot end -->

<!--&lt;!&ndash; Section team start &ndash;&gt;-->
<section id="team" class="analysis">
    <div class="bg-overlay pattern"></div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12">
                <div class="team-title">
                    <h2>拇指</h2>
                    <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/team_logo.png">
                    <h2> 团队</h2>
                    <p>拇指课堂的背后有火力全开的优秀开发团队</p>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12 team-member">
                <div class="row visible-sm visible-lg visible-md">
                    <div class="col-sm-6 col-lg-3 col-md-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/liaoyonghui.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">穆永晖</span>
                            <span>也就是我</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/chenxiaolei.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">陈枭磊</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/ligaofeng.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">李高锋</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/tangkaikai.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">汤凯凯</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
                <div class="row visible-xs">
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/liaoyonghui.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">穆永晖</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-xs-2"></div>
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/chenxiaolei.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">陈枭磊</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
                <div class="row visible-xs">
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/ligaofeng.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">李高锋</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-xs-2"></div>
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/tangkaikai.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">汤凯凯</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br/>
        <div class="row">
            <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12 team-member">
                <div class="row visible-sm visible-lg visible-md">
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/xuzhongming.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">徐钟鸣</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/tianye.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">田&nbsp;&nbsp;&nbsp;叶</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/huangsifang.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">黄思方</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/caiyanping.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">蔡彦萍</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
                <div class="row visible-xs">
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/xuzhongming.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">徐钟鸣</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-xs-2"></div>
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/tianye.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">田&nbsp;&nbsp;&nbsp;叶</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
                <div class="row visible-xs">
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/huangsifang.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">黄思方</span>
                            <span>Developer</span>
                        </div>
                    </div>
                    <div class="col-xs-2"></div>
                    <div class="col-xs-4">
                        <div class="member">
                            <a href="#">
                                <span class="mask"></span>
                                <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/members/caiyanping.png" class="img-circle" alt="filter">
                            </a>
                        </div>
                        <div class="member-title">
                            <span class="span1">蔡彦萍</span>
                            <span>Developer</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Section team End -->

<!-- Clients start -->
<section id="clients" class="clients landing_page_clients">
    <div class="container">
        <div class="row wow fadeInLeft">
            <div class="col-md-12 col-lg-12 visible-lg visible-md">
                <div id="client-carousel" class=" owl-carousel owl-theme text-center client-carousel">
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client1.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client2.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client3.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client4.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client5.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client6.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client7.png" alt="client">
                        </a>
                    </figure>
                    <figure class="item client_logo">
                        <a href="#">
                            <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client8.png" alt="client">
                        </a>
                    </figure>
                </div><!-- Owl carousel end -->
            </div><!-- col-md-12 end -->
        </div>
        <div class="row visible-sm visible-xs">
            <br/>
            <div class="col-xs-9 col-sm-9 col-xs-offset-1 col-sm-offset-1">
                <figure class="item client_logo">
                    <a href="#">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/clients/client3.png" alt="client">
                    </a>
                </figure>
            </div>
        </div>
    </div><!--/ Container end -->
</section><!--/ Clients end -->

<!-- scetion address start -->
<section id="address">
    <div class="container">
        <div class="heading-inner text-center">
            <h2 class="sec-title">拇指课堂 <span>地址</span></h2>
            <p>
                我们随时欢迎您的到来，等待您是我们的荣幸
            </p>
        </div>
    </div>  <!-- container end  -->
    <iframe src="baidumap.html" frameborder="0"></iframe>
</section>
<!-- scetion address end -->

<!-- section Footer start  -->
<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-xs-12 col-lg-12 col-sm-12">
                <div class="footer-content text-center">
                    <a href="#slider-part" class="page-scroll logo-title">
                        <img src="http://static1.aidingmao.com/ued/lib/v11/img/blank.png" class="lazy" data-original="images/blackbg1.png" alt="" class="img-responsive">
                    </a>
                </div>
                <hr>
                <div class="row">
                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                        <div class="copyright">
                            <p>&copy; copyright reserved to <span>杭州烁梦科技有限公司</span> - 2017
                                <span>浙ICP备:09065012号</span></p>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                        <div class="copyright">
                            <p class="pull-right visible-lg visible-md"><i class="fa fa-wechat"></i>
                                关注<span> 微信公众号 </span>开始使用
                            </p>
                            <p class="pull-left visible-sm visible-xs"><i class="fa fa-wechat"></i>
                                关注<span> 拇指课堂 </span>开始使用
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div> <!-- row end  -->
    </div> <!-- container end  -->
</footer>
<!-- section Footer end  -->

<div id="scanCode">
    <a class="code-block btn btn-primary"><i class="fa fa-wechat icon-code"></i></a>
    <div class="code-imgBlock">
        <img src="images/download.jpg" alt="" class="img-responsive img-code-large" onclick="showImgAlert()">
        <p class="p1 hidden-xs">点击放大</p>
        <p class="p2 hidden-xs">扫码即可使用</p>
    </div>
    <div id="img-alert-overlay" onclick="hideImgAlert()"></div>
    <div class="showImgAlertAnimate" id="img-alert">
        <img src="images/download.jpg" alt="ShareActivity" class="lazy share-img">
        <button type="button" class="close close-alert" aria-hidden="true" onclick="hideImgAlert()">
                                &times;
        </button>
    </div>
</div>
<!-- Back To Top Button -->
<div id="back-top">
    <a href="#home" class="page-scroll btn btn-primary"><i class="fa fa-angle-double-up"></i></a>
</div>
<!-- End Back To Top Button -->

<!--线上路径-->
<script type="text/javascript" src="//static1.aidingmao.com/dist_boss/temp001/1703300132/js/app_website_index.js"></script>

<!--开发路径-->
<!--<script type="text/javascript" src="/dist/js/app_website_index.js"></script>-->


<script>
    new WOW().init();
</script>
<script>
    $(function() {
        $("img.lazy").lazyload();
    });
    $('.counter').counterUp({
        delay: 100,
        time: 2000
    });
    //放大二维码
    function showImgAlert()
    {
        document.getElementById("img-alert-overlay").style.display="block";
        document.getElementById("img-alert").style.display="block";
    }
    function hideImgAlert()
    {
        document.getElementById("img-alert-overlay").style.display="none";
        document.getElementById("img-alert").style.display="none";
    }
</script>
</body>
</html>
